<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
		<script type="text/javascript" src="js/swiper.animate1.0.2.min.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
		<script type="text/javascript" src="js/index.js" ></script>
	</head>
	<body>
		<audio id="audio" src="audio/从前的我.mp3"autoplay="autoplay" loop="loop" style="display: none;"></audio>
		<div class="swiper-container">
			<div id="audlogo">
				<div id="rotate"></div>
			</div>
		    <div class="swiper-wrapper">
		        <div class="swiper-slide one">
		        	<div class="ani bg linear" swiper-animate-effect="pulse" swiper-animate-duration="2.5s"><img  class="bg" src="img/22_e28bfb5204fb377ac7906817a98c354d.jpg"/></div>
		        	<div class="ani infinite one linear" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="1s"><img src="img/22_972656ac198d261374ac1a6537e4b56f.png"/></div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="snow"></div>
		        	<div class="ani two" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s"><img src="img/22_6924dfb32d41322e1fba2141ff973b1c.png"/></div>
		        	<div class="bg"><img class="bg" src="img/22_7d21e580a26d9e56bf99b38cf60c9a79.jpg"/></div>					
		        </div>
		        <div class="swiper-slide">
		        	<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s"><img src="img/22_c68999618ff8173ece95adec9c6ad457.png"/></div>
		        	<div class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s"><img src="img/22_a0a39e5177d2bd987d0a1a77f71624f8.png"/></div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s"><img src="img/22_21f87af1cb60fc65ede8c4bc2b426e7d.png"/></div>
		        	<div class="ani bg" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s"><img src="img/22_676aba134360440a90293f32e5e46f5d.jpg"/></div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s"><img src="img/22_2c499332f815c7b9d14db0c97f7126f1.png"/></div>
		        	<div class="ani bg" swiper-animate-effect="scale5" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s"><img src="img/22_3d7fd1e9946fdd9a3984d63a8140c674.jpg"/></div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s"><img src="img/22_a666f02c2f648881222b3ecce44c5ebf.png"/></div>
		        	<div class="ani bg" swiper-animate-effect="scale5" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s"><img src="img/22_ec025d4f9d53cba2ec5a4f43bc924b2e.jpg"/></div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="ani infinite one linear" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="1s"><img src="img/22_ef74ecf721b3f6e3ed93b379081577b6.png"/></div>
		        	<div><img src="img/22_e978ab1abd1803c51525fd46ed98f36c.jpg"/></div>
		        </div>
		    </div>
		    <div id="goTop"></div>
		</div>
	</body>
</html>
